<template>
  <div>
    <v-card title="颜色和透明度">
      <vcu-chart-liquidfill :data="chartData" :settings="settings" />
    </v-card>
  </div>
</template>

<script>
export default {
  data() {
    return {
      chartData: {
        measures: [0.6, 0.5, 0.4, 0.3],
      },
      settings: {
        color: ["red", "#0f0", "rgb(0, 0, 255)"],
        itemStyle: {
          opacity: 0.6,
        },
        emphasis: {
          itemStyle: {
            opacity: 0.9,
          },
        },
      },
    };
  },
  methods: {},
  created() {},
};
</script>
<style lang="less" scoped>
</style>
